@font-face {
    font-family: 'latobold';
    src: url('../fonts/Lato-Bol-webfont.eot');
    src: url('../fonts/Lato-Bol-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Lato-Bol-webfont.woff2') format('woff2'),
         url('../fonts/Lato-Bol-webfont.woff') format('woff'),
         url('../fonts/Lato-Bol-webfont.ttf') format('truetype'),
         url('../fonts/Lato-Bol-webfont.svg#latobold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'latolight';
    src: url('../fonts/Lato-Lig-webfont.eot');
    src: url('../fonts/Lato-Lig-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Lato-Lig-webfont.woff2') format('woff2'),
         url('../fonts/Lato-Lig-webfont.woff') format('woff'),
         url('../fonts/Lato-Lig-webfont.ttf') format('truetype'),
         url('../fonts/Lato-Lig-webfont.svg#latolight') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'latoregular';
    src: url('../fonts/Lato-Reg-webfont.eot');
    src: url('../fonts/Lato-Reg-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Lato-Reg-webfont.woff2') format('woff2'),
         url('../fonts/Lato-Reg-webfont.woff') format('woff'),
         url('../fonts/Lato-Reg-webfont.ttf') format('truetype'),
         url('../fonts/Lato-Reg-webfont.svg#latoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

*{
    box-sizing: border-box;
}

.content-app {
	display: none !important;
}
.print-app{
  background: white;
  display: block;
}
.print-app h1{
  color: black;
	display: block;
	font-family: "latoregular";
	font-size: 30px;
	margin: 0;
	padding: 60px;
	text-align: left;
	text-transform: none;
	width: 100%;
}
.print-app h2{
	color: black;
	font-size: 20px;
	padding: 20px 60px;
  font-family: "latoregular";
}
.print-app h3{
	color: black;
	font-family: "latoregular";
	font-size: 20px;
	margin: 0;
	padding: 10px 60px;
}
.print-app h4{
    color: black;
    font-family: "latoregular";
    font-size: 20px;
    margin: 0;
    padding: 10px 60px;
}
.print-app p{
	color: black;
	font-size: 18px;
	margin: 0 0 20px;
	padding:  0;
	text-transform: none;
  font-family: "latoregular";
}

.print-app ul{
	border-bottom: 1px dashed #000;
	margin: 0 60px 30px;
	padding: 0 0 20px;
}
.print-app ul li{
    list-style: none;
}



.print-app .list-print ul{
    border: none;
}
.print-app .list-print ul li{
    border: 1px solid #000;
    color: black;
    height: 40px;
    font-size: 14px;
    float: left;
    overflow: hidden;
    padding: 10px;
    text-align: center;
    width: 140px;
}
.print-app ul.tit-list{
	border: none;
	height: 40px;
	margin: 0 60px 10px;
}
.print-app ul.tit-list li{
    border: 1px solid #000;
    color: black;
    height: 40px;
    font-size: 14px;
    float: left;
    overflow: hidden;
    padding:10px;
    text-align: center;
    width: 140px;
}

.info-export{
    margin-bottom: 40px;
}
.info-export ul.title-info li{
    height: 60px;
}
.info-export ul.title-info li p{
    font-family: "latobold";
    padding: 20px 5px;
}
.info-export ul{
    border-bottom: none;
    margin-bottom: 0;
    padding: 0;
    overflow: hidden;
}
.info-export ul li{
    border: 1px solid #999;
    float: left;
    height: 80px;
    width: 164px;
}
.info-export ul li:last-child{
  width: 240px;
}
.info-export ul li p{
    margin: 0;
    padding: 20px 5px;
    overflow: hidden;
    text-align: center;
    font-family: "latoregular";
}

.info-export ul.nombre-banda li{
  border: none;
  text-align: left !important;
  width: 100%;
}

.container-backline{
	background: url(../images/stairs.png) no-repeat center 60px;
	border: 1px solid white;
	height: 580px;
	margin: 20px auto;
	overflow: hidden;
	width: 1000px;
}
.container-backline .backline{
	background: url(../images/bgr-backline.png) repeat 0 0;
	height: 420px;
	margin: 30px auto 0;
	width: 700px;
}
.container-backline .backline span{
	border: 1px dotted #adcccf;
	color: #ccc;
	height: 140px;
	float: left;
	padding: 60px;
	position: relative;
	width: 140px;
}
.container-backline .backline span a{
	display: block;
	height: 50px;
	position: absolute;
}
.container-backline .backline span a:hover{
	opacity: .7;
}

.container-backline .backline span a.spot-bat{
	/*background: url(../images/bat1.png) no-repeat center;*/
	left: 30px;
	top: 40px;
	width: 87px;
}
.container-backline .backline span a.spot-voz{
	/*background: url(../images/voz1.png) no-repeat center;*/
	background-size: contain;
	left: 35px;
	top: 45px;
	width: 72px;

	transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
}
.container-backline .backline span a.spot-cor{
	/*background: url(../images/cor1.png) no-repeat center;*/
	height: 101px;
	left: 10px;
	top: 20px;
	width: 50px;
}
.container-backline .backline span a.spot-ele{
	/*background: url(../images/ele1.png) no-repeat center;*/
	left: 50px;
	top: 50px;
	width: 87px;

	transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
}
.container-backline .backline span a.spot-baj{
	/*background: url(../images/baj1.png) no-repeat center;*/
	left: 35px;
	top: 45px;
	width: 107px;

	transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
}
.container-backline .backline span a.spot-key{
	/*background: url(../images/key1.png) no-repeat center;*/
	left: 50px;
	top: 45px;
	width: 64px;
}
.container-backline .backline span a.spot-acu{
	/*background: url(../images/acu1.png) no-repeat center;*/
	left: 50px;
	top: 45px;
	width: 84px;

	transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
}
.container-backline .backline span a.spot-pia{
	/*background: url(../images/pia1.png) no-repeat center;*/
	left: 50px;
	top: 45px;
	width: 84px;
}

.spot img{
	display: block;
	width: 100%;
}